
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>


<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<base target="_top">
<style type="text/css">
  

/* default css */

table {
  font-size: 1em;
  line-height: inherit;
}


tr {
  
  text-align: left;
  
}


div, address, ol, ul, li, option, select {
  margin-top: 0px;
  margin-bottom: 0px;
}

p {
  margin: 0px;
}


pre {
  font-family: Courier New;
  white-space: pre-wrap;
  margin:0;
}

body {
  margin: 6px;
  padding: 0px;
  font-family: Verdana, sans-serif;
  font-size: 10pt;
  background-color: #ffffff;
}


img {
  -moz-force-broken-image-icon: 1;
}

@media screen {
  html.pageview {
    background-color: #f3f3f3 !important;
  }

  

  body {
    min-height: 1100px;
    
    counter-reset: __goog_page__;
  }
  * html body {
    height: 1100px;
  }
  .pageview body {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 2px solid #bbb;
    border-bottom: 2px solid #bbb;
    width: 648px !important;
    margin: 15px auto 25px;
    padding: 40px 50px;
  }
  /* IE6 */
  * html {
    overflow-y: scroll;
  }
  * html.pageview body {
    overflow-x: auto;
  }
  /* Prevent repaint errors when scrolling in Safari. This "Star-7" css hack
     targets Safari 3.1, but not WebKit nightlies and presumably Safari 4.
     That's OK because this bug is fixed in WebKit nightlies/Safari 4 :-). */
  html*#wys_frame::before {
    content: '\A0';
    position: fixed;
    overflow: hidden;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
  }
  
  

  
    .writely-callout-data {
      display: none;
      *display: inline-block;
      *width: 0;
      *height: 0;
      *overflow: hidden;
    }
    .writely-footnote-marker {
      background-image: url('MISSING');
      background-color: transparent;
      background-repeat: no-repeat;
      width: 7px;
      overflow: hidden;
      height: 16px;
      vertical-align: top;

      
      -moz-user-select: none;
    }
    .editor .writely-footnote-marker {
      cursor: move;
    }
    .writely-footnote-marker-highlight {
      background-position: -15px 0;
      -moz-user-select: text;
    }
    .writely-footnote-hide-selection ::-moz-selection, .writely-footnote-hide-selection::-moz-selection {
      background: transparent;
    }
    .writely-footnote-hide-selection ::selection, .writely-footnote-hide-selection::selection {
      background: transparent;
    }
    .writely-footnote-hide-selection {
      cursor: move;
    }

    
    .editor .writely-comment-yellow {
      background-color: #FF9;
      background-position: -240px 0;
    }
    .editor .writely-comment-yellow-hover {
      background-color: #FF0;
      background-position: -224px 0;
    }
    .editor .writely-comment-blue {
      background-color: #C0D3FF;
      background-position: -16px 0;
    }
    .editor .writely-comment-blue-hover {
      background-color: #6292FE;
      background-position: 0 0;
    }
    .editor .writely-comment-orange {
      background-color: #FFDEAD;
      background-position: -80px 0;
    }
    .editor .writely-comment-orange-hover {
      background-color: #F90;
      background-position: -64px 0;
    }
    .editor .writely-comment-green {
      background-color: #99FBB3;
      background-position: -48px 0;
    }
    .editor .writely-comment-green-hover {
      background-color: #00F442;
      background-position: -32px 0;
    }
    .editor .writely-comment-cyan {
      background-color: #CFF;
      background-position: -208px 0;
    }
    .editor .writely-comment-cyan-hover {
      background-color: #0FF;
      background-position: -192px 0;
    }
    .editor .writely-comment-purple {
      background-color: #EBCCFF;
      background-position: -144px 0;
    }
    .editor .writely-comment-purple-hover {
      background-color: #90F;
      background-position: -128px 0;
    }
    .editor .writely-comment-magenta {
      background-color: #FCF;
      background-position: -112px 0;
    }
    .editor .writely-comment-magenta-hover {
      background-color: #F0F;
      background-position: -96px 0;
    }
    .editor .writely-comment-red {
      background-color: #FFCACA;
      background-position: -176px 0;
    }
    .editor .writely-comment-red-hover {
      background-color: #FF7A7A;
      background-position: -160px 0;
    }

    .editor .writely-comment-marker {
      background-image: url('MISSING');
      background-color: transparent;
      padding-right: 11px;
      background-repeat: no-repeat;
      width: 16px;
      height: 16px;
      -moz-user-select: none;
    }

    .editor .writely-comment-hidden {
      padding: 0;
      background: none;
    }
    .editor .writely-comment-marker-hidden {
      background: none;
      padding: 0;
      width: 0;
    }
    .editor .writely-comment-none {
      opacity: .2;
      filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
      -moz-opacity: .2;
    }
    .editor .writely-comment-none-hover {
      opacity: .2;
      filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
      -moz-opacity: .2;
    }
  


  
  .br_fix br:not(:-moz-last-node):not(:-moz-first-node) {
    
    position:relative;
    
    left: -1ex
    
  }
  
  .br_fix br+br {
    position: static !important
  }
}

h6 { font-size: 8pt }
h5 { font-size: 8pt }
h4 { font-size: 10pt }
h3 { font-size: 12pt }
h2 { font-size: 14pt }
h1 { font-size: 18pt }

blockquote {padding: 10px; border: 1px #DDD dashed }

a img {border: 0}

.pb {
  border-width: 0;
  page-break-after: always;
  /* We don't want this to be resizeable, so enforce a width and height
     using !important */
  height: 1px !important;
  width: 100% !important;
}

.editor .pb {
  border-top: 1px dashed #C0C0C0;
  border-bottom: 1px dashed #C0C0C0;
}

div.google_header, div.google_footer {
  position: relative;
  margin-top: 1em;
  margin-bottom: 1em;
}


/* Table of contents */
.editor div.writely-toc {
  background-color: #f3f3f3;
  border: 1px solid #ccc;
}
.writely-toc > ol {
  padding-left: 3em;
  font-weight: bold;
}
ol.writely-toc-subheading {
  padding-left: 1em;
  font-weight: normal;
}
/* IE6 only */
* html writely-toc ol {
  list-style-position: inside;
}
.writely-toc-none {
  list-style-type: none;
}
.writely-toc-decimal {
  list-style-type: decimal;
}
.writely-toc-upper-alpha {
  list-style-type: upper-alpha;
}
.writely-toc-lower-alpha {
  list-style-type: lower-alpha;
}
.writely-toc-upper-roman {
  list-style-type: upper-roman;
}
.writely-toc-lower-roman {
  list-style-type: lower-roman;
}
.writely-toc-disc {
  list-style-type: disc;
}

/* Ordered lists converted to numbered lists can preserve ordered types, and
   vice versa. This is confusing, so disallow it */
ul[type="i"], ul[type="I"], ul[type="1"], ul[type="a"], ul[type="A"] {
  list-style-type: disc;
}

ol[type="disc"], ol[type="circle"], ol[type="square"] {
  list-style-type: decimal;
}

/* end default css */


  /* default print css */
  
  @media print {
    body {
      padding: 0;
      margin: 0;
    }

    div.google_header, div.google_footer {
      display: block;
      min-height: 0;
      border: none;
    }

    div.google_header {
      flow: static(header);
    }

    /* used to insert page numbers */
    div.google_header::before, div.google_footer::before {
      position: absolute;
      top: 0;
    }

    div.google_footer {
      flow: static(footer);
    }

    /* always consider this element at the start of the doc */
    div#google_footer {
      flow: static(footer, start);
    }

    span.google_pagenumber {
      content: counter(page);
    }

    span.google_pagecount {
      content: counter(pages);
    }


    callout.google_footnote {
      
      display: prince-footnote;
      footnote-style-position: inside;
      /* These styles keep the footnote from taking on the style of the text
         surrounding the footnote marker. They can be overridden in the
         document CSS. */
      color: #000;
      font-family: Verdana;
      font-size: 10.0pt;
      font-weight: normal;
    }

    /* Table of contents */
    #WritelyTableOfContents a::after {
      content: leader('.') target-counter(attr(href), page);
    }

    #WritelyTableOfContents a {
      text-decoration: none;
      color: black;
    }
  }

  @page {
    @top {
      content: flow(header);
    }
    @bottom {
      content: flow(footer);
    }
    @footnotes {
      border-top: solid black thin;
      padding-top: 8pt;
    }
  }
  /* end default print css */


/* custom css */


/* end custom css */

/* ui edited css */

body {
  font-family: Verdana;
  
  font-size: 10.0pt;
  line-height: normal;
  background-color: #ffffff;
}
/* end ui edited css */


/* editor CSS */
.editor a:visited {color: #551A8B}
.editor table.zeroBorder {border: 1px dotted gray}
.editor table.zeroBorder td {border: 1px dotted gray}
.editor table.zeroBorder th {border: 1px dotted gray}


.editor div.google_header, .editor div.google_footer {
  border: 2px #DDDDDD dashed;
  position: static;
  width: 100%;
  min-height: 2em;
}

.editor .misspell {background-color: yellow}

.editor .writely-comment {
  font-size: 9pt;
  line-height: 1.4;
  padding: 1px;
  border: 1px dashed #C0C0C0
}


/* end editor CSS */

    .style2
    {
        text-align: center;
    }

    .style3
    {
        text-align: left;
    }

</style>

</head>

<body
    
    
    revision="dffrssd6_3dfd34jcj:449">

    
    
    
<h1>
    Borderless Canvas の使い方<br>
</h1>
<div class="style3">
  <p class=a>
  </p>
  <div>
    <b>目次</b>
  </div>
  <div>
    <ol>
      <li>
        <a href="#intro">はじめに</a><br>
      </li>
      <li>
        <a href="#bc1min">1分で体験するBorderless Canvas</a><br>
      </li>
      <li>
        <a href="#howto">操作説明</a><br>
      </li>
      <li>
        <a href="#example">すぐに使える事例集</a><br>
      </li>
      <li>
        <a href="#faq">FAQ</a><br>
      </li>
      <li>
        <a href="#server">付録：サーバコンポーネントのインストール</a><br>
      </li>
      <li>
        <a href="#easystarter">付録：EasyStarterの操作方法</a>
      </li>
      <li>
        <a href="#skydrive">付録：SkyDrive機能の利用方法</a>
      </li>
      <li>
        <a href="#excuse">免責事項</a>
      </li>
    </ol>
  </div>
  <div>
      &nbsp;
  </div>
  <p>
    &nbsp;
  </p>
  <p class=a>
    <b id="intro"><font size=5>1. はじめに</font></b><br>
  </p>
  <p>
      BorderlessCanvasにようこそ！このツールは、大勢の人々で１枚の模造紙を共有して、発表したり議論したりすることができます。たとえば、以下のような使い方ができます。
  </p>
  <p>
    &nbsp;
  </p>
  <ul>
    <li>
        PowerPointで作ったスライド資料をつかって発表しながら、聞いている人が質問や疑問を手書きでどんどん書き込んで議論することで全員の理解を深める。
    </li>
    <li>
        クイズの答えをフリップに書くと、全員の答えがスクリーンに映る。
    </li>
    <li>
        PowerPointで作ったスライド資料を、簡単な操作で複数のスクリーンに「現在のスライド」「前のスライド」「次のスライド」のように表示できる。
    </li>
  </ul>
  <p>
    &nbsp;
  </p>
  <p class=a>
  </p>
  <div id=mrv5 style="TEXT-ALIGN:center; PADDING-TOP:1em; PADDING-BOTTOM:1em; PADDING-RIGHT:0px; PADDING-LEFT:0px">
    <img src=Borderless_Canvas_Docum_images/dffrssd6_23fgt47dcx_b.jpg /><!-- style="WIDTH:640px; HEIGHT:386.897px"> -->
  </div>
  <p>
  </p>
  <p class=a>
    <br>
  </p>
  <p class=a>
      BorderlessCanvasを使うためには、以下の条件が必要です。
  </p>
  <p class=a>
  </p>
  <ul>
    <li>
        Windows VistaかWindows XP Tablet PC 
        Editionの搭載されたコンピュータを、使いたい人数分。複数のスクリーンを使いたい場合は、スクリーン１台につき１台のコンピュータが通常は必要です。
    </li>
    <li>
        十分に速い無線か有線のインターネット回線。
    </li>
    <li>
        WebブラウザとしてInternetExplorer(なるべく最新のバージョンをお使い下さい)。
    </li>
    <li>
        試しにお使いいただくには、<a href=http://bc.unryu.org/bc id=vel- target=_blank title=こちら>公開試用サーバ</a>をご利用ください。安定した速度で使いたい場合や、情報を外部に公開したくない場合は、サーバコンポーネントのインストールが必要です。<a href="#server">こちら</a>をご覧ください。
    </li>
  </ul>
  <p>
    &nbsp;
  </p>
  <p class=a>
      Borderless Canvasは、<a href=http://www.utmeet.jp/ id=j0d9 target=_blank title=東京大学マイクロソフト先進教育環境寄附研究部門>東京大学マイクロソフト先進教育環境寄附研究部門</a> 
      において開発・研究が行われており、CodePlexにおいて<a href=http://www.codeplex.com/bc id=hcqd target=_blank title=ソースコードが公開>ソースコードが公開</a>されています。
  </p>
  <h1 id="bc1min">
      2. 1分で体験するBorderless Canvas
  </h1>
  <p class="style2">
      以下の無編集動画では、１分間でBorderless Canvasを体験いただけます。
  </p>
        <p align="center">
<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/04mI3qaUr04&hl=ja_JP&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/04mI3qaUr04&hl=ja_JP&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>
        </p>
        <p class="style2">
            &nbsp;</p>
  <p>
      ここでは、グループ認証（後述）や役割（後述）の設定がない、EasyStarterが紹介されています。これは簡便にBorderless 
      Canvasを活用できて便利ですが、誰からも閲覧や編集がされてしまいます。通常は以下に説明する「詳細設定し開始」をお使いください。<a href="#easystarter">EasyStarterの操作方法はこちらです。</a>
  </p>
  <p>
    &nbsp;
  </p>
  <h1 id="howto">
      3. 操作説明
  </h1>
  <p>
      Borderless 
      Canvasは大勢の人々やたくさんのコンピュータ、ディスプレイを巻き込むシステムです。しかし基本的には、それぞれのコンピュータ上でWebサイトから認証を行い、自分の役割を決定するだけの簡単な手順で議論を開始できます。
  </p>
  <p>
      管理者（議論のリーダーや発表者、講師など）と一般参加者（それ以外の聴衆、学生など）に分けて、必要な手続きと操作方法を説明します。
  </p>
  <p>
    <br>
  </p>
  <h2>
      3.1 管理者（議論のリーダーや発表者、講師など）の操作
  </h2>
  <p>
      管理者は、まず機器の準備を行い、その後Webブラウザ上で「グループ」を作り、資料をアップロードして、一般参加者に参加手続きを周知させます。
  </p>
  <p>
    <br>
  </p>
  <h3>
      3.1.1 機器の準備
  </h3>
  <p>
      どのような機器を用いるかは、皆さんの会場の機器の構成や行いたい活動によりますので、<a href="#example">4.すぐに使える事例集</a>を参考にしてください。
  </p>
  <p>
    <font size=2>
      会場における機器の準備は、各参加者がノートパソコンを持ち込む場合や、集合後の時間に余裕がある場合は各参加者にそれぞれお願いしてもよいですが、通常、教育機関ではコンピュータ室のような備えつけのコンピュータを用いることがほとんどですので、管理者側で行うことが多いでしょう。</font>
  </p>
  <p>
      以下がその手順です。
  </p>
  <p>
    <br>
  </p>
  <p>
      用いる機器をすべて設置し接続し電源を入れ、ネットワーク接続を確認した上でInternetExplorerを起動し、Borderless 
      CanvasのWebサイトを開いた状態にします。
  </p>
  <p>
      ノートパソコンがスリープしたりスクリーンセーバ状態になると困る場合は、[windowsキー] + [x] 
      でWindowsモビリティセンターを起動し、そこからプレゼンテーションモードをオンにすることで防げます。
  </p>
  <p>
    <br>
  </p>
  <p>
    <font size=2>
      プロジェクタやプラズマディスプレイが複数台あり、それらにコンピュータをそれぞれ接続できる場合は、機器を会場に設置しコンピュータと接続し、コンピュータ上でBorderless 
      CanvasのWebサイトを開いた状態にし</font><a href="#hardware">3.1.3</a><font size=2>の手順に従ってください。</font><br>
  </p>
  <p>
    <br>
  </p>
  <h3>
      3.1.2 Webブラウザ上でグループの作成
  </h3>
  <p>
    <br>
  </p>
  <p>
  </p>
  <p style="MARGIN-TOP:0px; MARGIN-RIGHT:0px; MARGIN-BOTTOM:0px; MARGIN-LEFT:0px" 
        class="style2">
      ここで行う作業を、まず無編集の動画で説明します。
  </p>
  <div class="style2">
<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/lowcBYhGaOU&hl=ja_JP&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/lowcBYhGaOU&hl=ja_JP&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></div>
  <p>
  </p>
  <h4>
      グループ作成：<br>
  </h4>
  <p>
      InternetExplorerでBorderless Canvasのトップページ（<a href=http://bc.unryu.org/bc id=vel- style=COLOR:#551a8b target=_blank title=こちら>公開試用サーバならこちら）</a><font size=2>にアクセスし、</font><font size=2>「詳細設定し開始」を選びます。</font>
  </p>
  <p>
      グループの作成フォームに、新しいグループIDとパスワードを設定しグループを作成します。
  </p>
  <p>
    <b>グループは使い捨てです。</b><font size=2>一回の利用が終わったら、次はまた新しいグループを作るようにします。</font><br>
  </p>
  <p>
      グループＩＤやパスワード、発表資料の内容は、第三者から大変簡単に閲覧することができますので、機密情報やプライバシー情報は絶対に入力しないでください。
  </p>
  <p>
  </p>
  <p style="MARGIN-TOP:0px; MARGIN-RIGHT:0px; MARGIN-BOTTOM:0px; MARGIN-LEFT:0px">
      次に、役割選択画面で、想定する運用形態から「発表者/<font size=2>Presenter」か「出題者/Questioner」を選択し、クライアントソフトウェアを起動します。</font>
  </p>
  <p style="MARGIN-TOP:0px; MARGIN-RIGHT:0px; MARGIN-BOTTOM:0px; MARGIN-LEFT:0px">
      初回の起動時のみ、クライアントソフトウェアがダウンロードおよびインストールされるので、許可のクリックをお願いします。
  </p>
  <p>
  </p>
  <p>
  </p>
  <h4>
      資料のアップロードと配布：
  </h4>
  <p style="MARGIN-TOP:0px; MARGIN-RIGHT:0px; MARGIN-BOTTOM:0px; MARGIN-LEFT:0px">
      白紙からの議論ではなくスライド資料をもとに議論を行う場合は、PowerPointで作成したファイルをクライアントソフトウェア上にドラッグアンドドロップします。
  </p>
  <p style="MARGIN-TOP:0px; MARGIN-RIGHT:0px; MARGIN-BOTTOM:0px; MARGIN-LEFT:0px">
      資料の配置方法を聞いてくるので、お好きなものをお選びください。（複数のプロジェクタを使う際は、横一列にするのが無難です）
  </p>
  <p style="MARGIN-TOP:0px; MARGIN-RIGHT:0px; MARGIN-BOTTOM:0px; MARGIN-LEFT:0px">
      するとPowerPointが起動し、資料をBorderless Canvasに転送します。&nbsp;
  </p>
  <p style="MARGIN-TOP:0px; MARGIN-RIGHT:0px; MARGIN-BOTTOM:0px; MARGIN-LEFT:0px">
      PowerPointが終了したら、完了の合図です。
  </p>
  <p style="MARGIN-TOP:0px; MARGIN-RIGHT:0px; MARGIN-BOTTOM:0px; MARGIN-LEFT:0px">
      メニュー項目から「配布/Distribute」を選択し、資料をアップロードします。
  </p>
  <p style="MARGIN-TOP:0px; MARGIN-RIGHT:0px; MARGIN-BOTTOM:0px; MARGIN-LEFT:0px">
      これが終了すると、以後他の参加者がこのグループにログインすると、自動的に資料が読み込まれるようになります。
  </p>
  <p style="MARGIN-TOP:0px; MARGIN-RIGHT:0px; MARGIN-BOTTOM:0px; MARGIN-LEFT:0px">
    <br>
  </p>
  <p style="MARGIN-TOP:0px; MARGIN-RIGHT:0px; MARGIN-BOTTOM:0px; MARGIN-LEFT:0px">
      「出題者/Questioner」として開始した場合は、メニュー項目の「クイズボード」から、何人用のクイズボードを作るかを決定し、配布作業を行います。
  </p>
  <p style="MARGIN-TOP:0px; MARGIN-RIGHT:0px; MARGIN-BOTTOM:0px; MARGIN-LEFT:0px">
    <br>
  </p>
  <p style="MARGIN-TOP:0px; MARGIN-RIGHT:0px; MARGIN-BOTTOM:0px; MARGIN-LEFT:0px">
    <b><font size=4>グループの周知：</font></b><br>
  </p>
  <p>
    <br>
  </p>
  <p>
      グループIDとパスワードを、なんらかの手段で参加者に周知します。（口頭、メールや講義用掲示板等）
  </p>
  <p>
    <br>
  </p>
  <p>
      http://<span style=BACKGROUND-COLOR:#ffff00>bc.unryu.org/</span>bc/login.aspx?ReturnUrl=%2fbc%2fgroupstarter.aspx&amp;group=<span style=COLOR:#ff0000>xxxxxx</span><br>
  </p>
  <p>
    <br>
  </p>
  <p>
      （<span style=COLOR:#ff0000>xxxxxx</span>はグループＩＤ）
  </p>
  <p>
    <br>
  </p>
  <p>
      というリンクを参加者に送付すると、このリンクを開くだけで、ログイン画面にグループIDが設定された状態となるので便利です。
  </p>
  <p>
    <br>
  </p>
  <p>
      以後のクライアントソフトウェア上での操作は、後ほど記述される一般参加者向けのものと同じです。
  </p>
  <p>
    &nbsp;
  </p>
  <h2 id="hardware">
    <font size=4>3.1.3 大型情報提示装置（プロジェクタ、プラズマデイスプレイ等）を追加する際の操作</font>
  </h2>
  <p class=a style="MARGIN-TOP:0px; MARGIN-RIGHT:0px; MARGIN-BOTTOM:0px; MARGIN-LEFT:0px">
    <font size=2>通常は管理者のコンピュータをプロジェクタなどの外部大型情報提示装置に接続するため、この作業は不必要かと思われます。</font><br>
  </p>
  <p class=a style="MARGIN-TOP:0px; MARGIN-RIGHT:0px; MARGIN-BOTTOM:0px; MARGIN-LEFT:0px">
      しかし下図のように、複数の大型情報提示装置を利用可能な場合は、これらに接続できるコンピュータ端末があれば有効活用できます。
  </p>
  <p class=a style="MARGIN-TOP:0px; MARGIN-RIGHT:0px; MARGIN-BOTTOM:0px; MARGIN-LEFT:0px">
      現在用意されているのは、以下のような役割です。
  </p>
  <p class=a style="MARGIN-TOP:0px; MARGIN-RIGHT:0px; MARGIN-BOTTOM:0px; MARGIN-LEFT:0px">
  </p>
  <ul>
    <li>
        発表者が表示している視点（スライド）の一つ前や一つ後の視点（スライド）などを自動的に表示する画面
    </li>
    <li>
        常に模造紙全体を表示する俯瞰画面
    </li>
  </ul>
  <p>
    &nbsp;
  </p>
  <p class=a style="MARGIN-TOP:0px; MARGIN-RIGHT:0px; MARGIN-BOTTOM:0px; MARGIN-LEFT:0px">
    <br>
  </p>
  <p class=a style="MARGIN-TOP:0px; MARGIN-RIGHT:0px; MARGIN-BOTTOM:0px; MARGIN-LEFT:0px">
      議論の場にこれらの役割の大型情報提示装置を追加するには、以下の手順を踏みます。
  </p>
  <p class=a style="MARGIN-TOP:0px; MARGIN-RIGHT:0px; MARGIN-BOTTOM:0px; MARGIN-LEFT:0px">
      グループＩＤとパスワードを　（サイトトップ/詳細設定し開始/ログイン）で入力しログインします。
  </p>
  <p class=a style="MARGIN-TOP:0px; MARGIN-RIGHT:0px; MARGIN-BOTTOM:0px; MARGIN-LEFT:0px">
      その後、公開画面用開始メニューの中から、希望の役割のボタンを押すとクライアントソフトウェアが起動します（初回起動のみインストール確認が必要）。以後は自動で動作します。
  </p>
  <p class=a style="MARGIN-TOP:0px; MARGIN-RIGHT:0px; MARGIN-BOTTOM:0px; MARGIN-LEFT:0px">
    <br>
  </p>
  <p class=a style="MARGIN-TOP:0px; MARGIN-RIGHT:0px; MARGIN-BOTTOM:0px; MARGIN-LEFT:0px">
  </p>
  <div id=m5oh style="TEXT-ALIGN:center; PADDING-TOP:1em; PADDING-BOTTOM:1em; PADDING-RIGHT:0px; PADDING-LEFT:0px">
    <img src=Borderless_Canvas_Docum_images/dffrssd6_18djwdv8g9_b.jpg style="WIDTH:281px; HEIGHT:211px">
  </div>
  <p>
  </p>
  <p>
    &nbsp;
  </p>
  <h2>
      3.2 一般参加者（聴衆、学生など）の操作
  </h2>
  <p class=a>
    <font size=2>一般参加者は、管理者から伝達されたグループＩＤとパスワードを　（サイトトップ/詳細設定し開始/ログイン）で入力しログインします。</font><br>
  </p>
  <p class=a>
      その後、自分にあった役割のボタンを押すと<font size=2>クライアントソフトウェアが起動します（初回起動のみインストール確認が必要）。</font>
  </p>
  <p class=a>
      おもに一般参加者が選択する役割は、以下の二つです。
  </p>
  <p class=a>
  </p>
  <ul>
    <li>
        議論者/Discussant
    </li>
    <ul>
      <li>
          発表者/Presenter と対になっています。発表に対し、意見を書き込みます。
      </li>
    </ul>
    <li>
        回答者/Answerer
    </li>
    <ul>
      <li>
          出題者/Questioner と対になっています。クイズボードモードで、自分のフリップに回答を書きます。
      </li>
      <li>
        <b>
          起動すると、起動順に番号が振られてフリップが割り当てられます。なんらかの不具合があり、再起動した際は同じ番号にはなりませんので、空いているフリップまで手動で視点移動してお使いください。</b>
      </li>
    </ul>
  </ul>
  <p>
    &nbsp;
  </p>
  <h3>
      3.2.1 クライアントソフトウェアの操作
  </h3>
  <p class=a0>
    <font size=2>クライアントアプリケーションは下図のような外観です。タブレットペンによる書き込みと消しゴムによる書き込みの消去がいつでも行えます。</font>
  </p>
  <p class=a0>
    <font size=2>また，右下の「ホイール」のつまみを左右に回転させることにより，視野のズームインとズームアウトを行えます。</font>
  </p>
  <p class=a0>
    <font size=2>
      視野を平行移動したい場合は，タブレットペンの側面のボタンを押しながら画面上でドラッグを行うか，ファンクションキーを用いることによりスライド単位で前後に移動できるます。（タブレットの側面のボタンがない場合もあるので、その際は下図（ホイールの説明）をご覧ください。）</font>
  </p>
  <p class=a0>
    <font size=2>
      もしもあなたが発表者の役割をはたしている際は，視野移動が他のすべての参加者に反映されます。ただし，発表者とは独立して書き込みや視野移動を行っている参加者への反映は，最新の書き込み・視野移動が終わって10秒経つまで遅延され続けます。</font><br>
  </p>
  <p class=a0>
    <br>
  </p>
  <p class=MsoNormal>
    <br>
  </p>
  <p class=MsoNormal>
  </p>
  <div id=c_6c style="TEXT-ALIGN:center; PADDING-TOP:1em; PADDING-BOTTOM:1em; PADDING-RIGHT:0px; PADDING-LEFT:0px">
    <a href=http://docs.google.com/File?id=dffrssd6_24rn436kgb_b target=_blank><img src=Borderless_Canvas_Docum_images/dffrssd6_24rn436kgb_b.jpg style="WIDTH:640px; HEIGHT:320.332px"></a>
  </div>
  <div id=c_6c style="TEXT-ALIGN:center; PADDING-TOP:1em; PADDING-BOTTOM:1em; PADDING-RIGHT:0px; PADDING-LEFT:0px">
    <div id=bauz style="TEXT-ALIGN:center; PADDING-TOP:1em; PADDING-BOTTOM:1em; PADDING-RIGHT:0px; PADDING-LEFT:0px">
      <a href=http://docs.google.com/File?id=dffrssd6_25c8xvkrct_b target=_blank><img src=Borderless_Canvas_Docum_images/dffrssd6_25c8xvkrct_b.png style="WIDTH:640px; HEIGHT:480px"></a>
    </div>
    <div id=bauz style="TEXT-ALIGN:center; PADDING-TOP:1em; PADDING-BOTTOM:1em; PADDING-RIGHT:0px; PADDING-LEFT:0px">
      <div id=c:xf style="TEXT-ALIGN:center; PADDING-TOP:1em; PADDING-BOTTOM:1em; PADDING-RIGHT:0px; PADDING-LEFT:0px">
        <a href=http://docs.google.com/File?id=dffrssd6_26cnkbgpcz_b target=_blank><img src=Borderless_Canvas_Docum_images/dffrssd6_26cnkbgpcz_b.png style="WIDTH:640px; HEIGHT:480px"></a>
      </div>
    </div>
  </div>
  <p>
  </p>
  <p>
    <br>
  </p>
  <p>
      ※&nbsp;&nbsp; &nbsp;視点に関するキーボード・ショートカット
  </p>
  <p>
      F1 …ジャンプして１つ前の視点　（衝撃的だが酔いやすい）
  </p>
  <p>
      F2 …ジャンプして１つ後の視点　<font size=2>（衝撃的だが酔いやすい）</font>
  </p>
  <p>
      F3 …滑らかに移動して１つ前の視点　（おすすめ）
  </p>
  <p>
      F4 …滑らかに移動して１つ後の視点　（おすすめ）
  </p>
  <p>
      F5 …瞬時に１つ前の視点　（ぱっと切り替えたいときに使う。多用すると迷子になる）
  </p>
  <p>
      F6 …瞬時に１つ後の視点　<font size=2>（ぱっと切り替えたいときに使う。多用すると迷子になる）</font>
  </p>
  <div>
    <br>
  </div>
  <p>
    &nbsp;
  </p>
  <h1 id="example">
      4. すぐに使える事例集
  </h1>
  <p class=a>
      多少専門的な操作を伴っても、とにかく早く試したいという場合は<a href="#easystarter">EasyStarter</a>をお使いください。
  </p>
  <h2>
      使える機材から選ぶ
  </h2>
  <p>
      会場で利用可能な機材をもとに、下のチャートをたどって、利用形態を検討してください。
  </p>
  <p class=a>
  </p>
  <div id=a48: style="TEXT-ALIGN:center; PADDING-TOP:1em; PADDING-BOTTOM:1em; PADDING-RIGHT:0px; PADDING-LEFT:0px">
    <img src=Borderless_Canvas_Docum_images/dffrssd6_7fhs9h9hm_b.png /><!-- style="WIDTH:768px; HEIGHT:576px"> -->
  </div>
  <p>
    &nbsp;
  </p>
  <p class=a>
  </p>
  <ol>
    <li>
        知識創発型プレゼンテーション
    </li>
    <li>
        クイズボード
    </li>
    <li>
        ブレーンストーミング
    </li>
    <li>
        マルチディスプレイプレゼンテーション
    </li>
  </ol>
  <p>
    &nbsp;
  </p>
  <p class=a>
  </p>
  <div>
  </div>
  <div>
    <h2>
      <font size=4>目的から選ぶ</font>
    </h2>
    <ul style="MARGIN-TOP:0px; MARGIN-BOTTOM:0px">
      <li>
        <font size=2>遠隔プレゼンテーションしたい</font><br>
      </li>
      <ul style="MARGIN-TOP:0px; MARGIN-BOTTOM:0px">
        <li>
          <font size=2>音声チャットを併用すれば、あとは全員同席の場合と同じです。次以降の項目をご検討ください。</font><br>
        </li>
      </ul>
      <li style="MARGIN-TOP:0px; MARGIN-BOTTOM:0px">
          学校の授業/講義で使う。がんばれば大型ディスプレイとコンピュータを何台か準備できる。
      </li>
      <ul style="MARGIN-TOP:0px; MARGIN-BOTTOM:0px">
        <li style="MARGIN-TOP:0px; MARGIN-BOTTOM:0px">
        </li>
        <li>
          <font size=2>知識創発型プレゼンテーション<br>
          </font>
        </li>
        <li>
          <font size=2>クイズボード<br>
          </font>
        </li>
        <li>
          <font size=2>ブレーンストーミング<br>
          </font>
        </li>
        <li>
          <font size=2>マルチディスプレイプレゼンテーション</font>
        </li>
      </ul>
      <li style="MARGIN-TOP:0px; MARGIN-BOTTOM:0px">
          コンピュータは何台か/たくさんあるので、何か簡単に使ってみたい
      </li>
      <ul style="MARGIN-TOP:0px; MARGIN-BOTTOM:0px">
        <li style="MARGIN-TOP:0px; MARGIN-BOTTOM:0px">
            クイズボード
        </li>
        <li style="MARGIN-TOP:0px; MARGIN-BOTTOM:0px">
            ブレーンストーミング
        </li>
      </ul>
      <li style="MARGIN-TOP:0px; MARGIN-BOTTOM:0px">
          複数の参加者でブレーンストーミングしたい
      </li>
      <ul style="MARGIN-TOP:0px; MARGIN-BOTTOM:0px">
        <li>
            ブレーンストーミング
        </li>
      </ul>
      <li style="MARGIN-TOP:0px; MARGIN-BOTTOM:0px">
          1人1台コンピュータはある。プレゼンテーションをインタラクティブにしたい。
      </li>
      <ul style="MARGIN-TOP:0px; MARGIN-BOTTOM:0px">
        <li>
            知識創発型プレゼンテーション<br>
        </li>
      </ul>
    </ul>
    <div>
      <span style=COLOR:#ff0000>
      <p class=a style="MARGIN-TOP:0px; MARGIN-RIGHT:0px; MARGIN-BOTTOM:0px; MARGIN-LEFT:0px">
        <br>
      </p>
      <p class=a style="MARGIN-TOP:0px; MARGIN-RIGHT:0px; MARGIN-BOTTOM:0px; MARGIN-LEFT:0px">
        <br>
      </p>
      <p class=a style="MARGIN-TOP:0px; MARGIN-RIGHT:0px; MARGIN-BOTTOM:0px; MARGIN-LEFT:0px">
        <span style=COLOR:#000000>当てはまるものが見つかりましたら、以下の詳細説明にお進みください。</span>
      </p>
      <div>
        <br>
      </div>
      </span>
    </div>
  </div>
  <p>
    &nbsp;
  </p>
  <h3>
      (1) 知識創発型プレゼンテーション
  </h3>
  <p>
      いわゆる「つっこむプレゼン」です。</p>
        <p>
            発表しているそばから、聴衆からの意見や質問、コメントなどが書き込まれていきます。</p>
        <p>
            聴衆は自分の理解度や興味に応じて、自分の端末で資料のあらゆる場所を閲覧できます。</p>
  <div id=evhg style="TEXT-ALIGN:center; PADDING-TOP:1em; PADDING-BOTTOM:1em; PADDING-RIGHT:0px; PADDING-LEFT:0px">
<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/_G-Un5JuwDE&hl=ja_JP&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/_G-Un5JuwDE&hl=ja_JP&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object><br />
        <br />
&nbsp;<img src=Borderless_Canvas_Docum_images/dffrssd6_22j7c6xfdk_b.jpg /><!-- style="WIDTH:640px; HEIGHT:464.565px"> -->
  </div>
  <p>
    <span style=FONT-WEIGHT:normal>準備方法：</span>
  </p>
  <div id=n3-. style="TEXT-ALIGN:center; PADDING-TOP:1em; PADDING-BOTTOM:1em; PADDING-RIGHT:0px; PADDING-LEFT:0px">
    <div id=or9p style="TEXT-ALIGN:center; PADDING-TOP:1em; PADDING-BOTTOM:1em; PADDING-RIGHT:0px; PADDING-LEFT:0px">
      <img src=Borderless_Canvas_Docum_images/dffrssd6_13cb3ww2js_b.png /><!-- style="WIDTH:320px; HEIGHT:240px"> -->
    </div>
  </div>
  <p>
    &nbsp;
  </p>
  <h3>
  </h3>
  <h3>
    <font size=3>(2) クイズボード</font>
  </h3>
  <p>
      とりあえず簡単にたくさんのコンピュータをつないで使う時に便利です。</p>
        <p>
            出題者の出した問題に対し、各回答者が自分の端末に答えを書くと、それが集約表示されます。</p>
  <div id=lrzy style="padding: 1em 0px;" class="style3">
      <div class="style2">
              このビデオの後半部にクイズボードの紹介があります。<br />
<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/_G-Un5JuwDE&hl=ja_JP&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/_G-Un5JuwDE&hl=ja_JP&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>
              <br />
    <a href=http://docs.google.com/File?id=dffrssd6_21dbxc64hn_b target=_blank><img src=Borderless_Canvas_Docum_images/dffrssd6_21dbxc64hn_b.jpg style="WIDTH:320px; HEIGHT:176.522px"></a
  </div>
      </div>
  <p>
      &nbsp;</p>
  <p>
    <span style=FONT-WEIGHT:normal>準備方法：
  </p>
  <p>
    &nbsp;
  </p>
  <div id=c0q9 style="TEXT-ALIGN:center; PADDING-TOP:1em; PADDING-BOTTOM:1em; PADDING-RIGHT:0px; PADDING-LEFT:0px">
    <br>
  </div>
  <div id=c0q9 style="TEXT-ALIGN:center; PADDING-TOP:1em; PADDING-BOTTOM:1em; PADDING-RIGHT:0px; PADDING-LEFT:0px">
    <div id=v-de style="TEXT-ALIGN:center; PADDING-TOP:1em; PADDING-BOTTOM:1em; PADDING-RIGHT:0px; PADDING-LEFT:0px">
      <img src=Borderless_Canvas_Docum_images/dffrssd6_14dqzzn4gj_b.png /><!-- style="WIDTH:320px; HEIGHT:240px"> -->
    </div>
  </div>
  <p>
    &nbsp;
  </p>
  <div>
    <h3 class="style3">
      <font size=3>(3) ブレーンストーミング</font>
    </h3>
    <p>
        これは普通の「手書き共有ホワイトボード」としての使い方です。</p>
    <div id=jyp5 style="TEXT-ALIGN:center; PADDING-TOP:1em; PADDING-BOTTOM:1em; PADDING-RIGHT:0px; PADDING-LEFT:0px">
      <a href=http://docs.google.com/File?id=dffrssd6_20dpngw6ds_b target=_blank><img src=Borderless_Canvas_Docum_images/dffrssd6_20dpngw6ds_b.jpg style="WIDTH:625px; HEIGHT:351px"></a>
    </div>
    <p>
    </p>
    <p class="style3">
      <font size=2>準備方法：</font><br>
    </p>
    <p>
      &nbsp;
    </p>
    <div id=i2zw style="TEXT-ALIGN:center; PADDING-TOP:1em; PADDING-BOTTOM:1em; PADDING-RIGHT:0px; PADDING-LEFT:0px">
      <br>
    </div>
    <div id=i2zw style="TEXT-ALIGN:center; PADDING-TOP:1em; PADDING-BOTTOM:1em; PADDING-RIGHT:0px; PADDING-LEFT:0px">
      <div id=t-:y style="TEXT-ALIGN:center; PADDING-TOP:1em; PADDING-BOTTOM:1em; PADDING-RIGHT:0px; PADDING-LEFT:0px">
        <img src=Borderless_Canvas_Docum_images/dffrssd6_15f5hv2kdh_b.png /><!-- style="WIDTH:320px; HEIGHT:240px"> -->
      </div>
    </div>
    <p>
      &nbsp;
    </p>
    <div>
      <h3 class="style3">
        <font size=3>(4) マルチディスプレイプレゼンテーション</font>
      </h3>
      <p>
          単純にディスプレイやプロジェクタを複数用意するだけで、普通のPowerPointプレゼンテーション・講義が複数画面対応になり、連続するスライドを同時表示できます。</p>
                    <p>
                        聴衆は板書の時間を確保したり、前後の情報を比較しながら理解したりできます。</p>
      <div id=aewx style="TEXT-ALIGN:center; PADDING-TOP:1em; PADDING-BOTTOM:1em; PADDING-RIGHT:0px; PADDING-LEFT:0px">
        <img src=Borderless_Canvas_Docum_images/dffrssd6_19dfrbgpdn_b.jpg>
      </div>
      <p>
      </p>
      <p class="style3">
        <span style=FONT-WEIGHT:normal><font size=2>準備方法：</font></span>
      </p>
      <div>
        <div id=txoj style="TEXT-ALIGN:center; PADDING-TOP:1em; PADDING-BOTTOM:1em; PADDING-RIGHT:0px; PADDING-LEFT:0px">
          <br>
        </div>
        <div id=txoj style="TEXT-ALIGN:center; PADDING-TOP:1em; PADDING-BOTTOM:1em; PADDING-RIGHT:0px; PADDING-LEFT:0px">
          <div id=g9_g style="TEXT-ALIGN:center; PADDING-TOP:1em; PADDING-BOTTOM:1em; PADDING-RIGHT:0px; PADDING-LEFT:0px">
            <div id=poc3 style="TEXT-ALIGN:center; PADDING-TOP:1em; PADDING-BOTTOM:1em; PADDING-RIGHT:0px; PADDING-LEFT:0px">
              <img src=Borderless_Canvas_Docum_images/dffrssd6_17cvtzkd7n_b.png /> <!-- style="WIDTH:320px; HEIGHT:240px"> -->
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <p class=a>
    <br>
  </p>
  <h1 id="faq" class="style3">
      5. FAQ
  </h1>
  <p class=a>
  </p>
  <ul>
    <li class="style3">
        <div class="style3">
            Q:役割を選んでクライアントソフトウェアを起動しようとしても、「保存しますか？」のように表示されて起動できない。
    </li>
        </div>
    <ul>
      <li class="style3">
          A:これはWebブラウザとしてInternetExplorer以外を用いたときに表示されます。本システムはInternetExplorer専用です。
      </li>
    </ul>
    <li class="style3">
        <div class="style3">
            Q:よくでてくる「ことだま」という言葉はどういう意味ですか？
    </li>
        </div>
    <ul>
      <li class="style3">
          A:「ことだま」はBorderless 
          Canvasの母体となっている、オープンソースプレゼンテーションツール、および開発プラットフォームです。Borderless 
          Canvas内で保存したファイルをことだまで読み込んだり、逆にことだまで保存したファイルをBorderless Canvasで読み込んだりできます。
      </li>
      <li class="style3">
          Borderless Canvasと互換性のあることだまのバージョンは3.0です。　<a href=http://dev.tyzoh.jp/trac/kotodama/ id=cho_ target=_blank title=こちら>こちら</a> 
          からダウンロードできます。
      </li>
    </ul>
    <li class="style3">
        <div class="style3">
            Q:ノートパソコンがすぐにスリープしてしまいます。
    </li>
        </div>
    <ul>
      <li class="style3">
          A:Windows Vistaなら、「プレゼンテーションモード」にすればスリープしたりスクリーンセーバが起動したりすることを防げます。[windowsキー] + 
          [x] を押すと、Windowsモビリティセンターというウインドウが開きます。そこで設定できます。
      </li>
    </ul>
    <li class="style3">
        <div class="style3">
            Q:接続がとても不安定です。もしくは、サーバに接続できません。
    </li>
        </div>
    <ul>
      <li class="style3">
          A:サーバとして、公開試用サーバをお使いになっていませんか？このサーバは負荷が集中しやすく、性能は全く保障できません。また、あなたの運用環境にWebプロキシーサーバが介在していると、正常動作しないことがあります。お手持ちのコンピュータにサーバコンポーネントのインストールを行い、運用することを検討してください。
      </li>
    </ul>
    <li class="style3">
        <div class="style3">
            Q:ソフトウェアがとても不安定です。
    </li>
        </div>
    <ul>
      <li class="style3">
          <div class="style3">
              A:本ソフトウェアは研究用に開発されたものであり、細部にまで配慮が足りずご不便をおかけしますことをお詫び申し上げます。現時点では、以下のような対処をお願いしております。
      </li>
          </div>
      <ul>
        <li class="style3">
            クライアントソフトウェアが不安定になったら、一度強制終了し再びWebサイトから役割を選び再起動してみてください。すべての作業履歴はサーバ側に残っておりますため、ほとんどの作業が失われず再現できます。
        </li>
        <li class="style3">
            Borderless Canvasはオープンソースプロジェクトです。あなたの開発力の貢献をお待ちしております。
        </li>
      </ul>
    </ul>
    <li class="style3">
        <div class="style3">
            Q:小さい子供に使わせると、すぐにいたずらの書き込みをされて進行を邪魔されてしまいます。
    </li>
        </div>
    <ul>
      <li class="style3">
          A: 
          現在は進行を妨害する人がいない前提でソフトウェアを開発していますが、小学校等での活用を考えると、いたずら防止の措置が必要であることを認識しています。今後の研究開発にご期待ください。
      </li>
    </ul>
  </ul>
  <p class="style3">
    &nbsp;
  </p>
  <p class=style3>
    <br>
  </p>
  <h1 id="server" class="style3">
      6. 付録：サーバコンポーネントのインストール
  </h1>
  <p class=style3>
      本項目は、IISやWebサーバーに関する知識のある方を前提に書かれています。
  </p>
  <p class=style3>
    <br>
  </p>
  <p class=style3>
      Borderless Canvasはサーバクライアントシステムです。<font size=2>安定した速度で使いたい場合や、情報を外部に公開したくない場合は、サーバコンポーネントのインストールが必要です。特に、本システムはグループＩＤ、すべての操作履歴、プレゼンテーション資料などの重要な情報がサーバに蓄積されますので、ご注意ください。</font>
  </p>
  <p class=style3>
    <br>
  </p>
  <p class=style3>
      サーバコンポーネントは、少なくともWindows 2008 serverとWindows Vistaで運用実績があります。(Windows 
      Vistaについては同時接続数に制限がありますので、ご注意ください）。これらのOSに、SQL server 2005もしくは2008 
      (express版でも小規模ならOK)をインストールし、IIS 7.0をインストールします。
  </p>
  <p class=style3>
    <br>
  </p>
  <p class=style3>
      その後、<a href="http://www.codeplex.com/bc/">CodePlexからサーバコンポーネントをダウンロード</a>し、展開します。以下の２つのコンポーネントができます。
  </p>
  <p class=a>
  </p>
  <ul>
    <li class="style3">
        <div class="style3">
            webkotodamasetup
    </li>
        </div>
    <ul>
      <li class="style3">
          資料を配布する時の、一時的な簡易ファイルサーバ。
      </li>
    </ul>
    <li class="style3">
        <div class="style3">
            bcsetup
    </li>
        </div>
    <ul>
      <li class="style3">
          Borderless Canvas本体。Webサイトをもち、グループ管理や操作履歴管理などを行います。
      </li>
    </ul>
  </ul>
  <div class="style3">
    <br>
  </div>
  <div class="style3">
      この二つをインストールします。インストールには、.msiではなくsetup.exeをそれぞれお使いください。
  </div>
  <div class="style3">
      インストール時、.NET Frameworkのインストールが先行して行われる場合があります。
   
      <br />
      <br />
      IISの管理画面から、 webkotodama/dataおよび bc/App_Dataに、iis_userユーザに対する書き込み権限を付与します。
   
                <br />
                webkotodama/web.configを編集し、<br />
&nbsp;<span class="Apple-style-span" 
                    style="border-collapse: separate; color: rgb(0, 0, 0); font-family: verdana; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0; "><br />
      &lt;add key=&quot;BaseUri&quot; value=&quot;http://bc.unryu.org/webkotodama/&quot;/&gt; 
      のxxxxxxの部分にインストール先のサーバのIPやドメイン名を置き換えます。<br />
                &lt;httpRuntime executionTimeout=&quot;90&quot; maxRequestLength=&quot;100000&quot; 
      useFullyQualifiedRedirectUrl=&quot;false&quot; minFreeThreads=&quot;8&quot; 
      minLocalRequestFreeThreads=&quot;4&quot; 
      appRequestQueueLimit=&quot;100&quot;/&gt;　の部分をいじると、ファイル容量制限や時間制限が可能です。</span></div>
  <div class="style3">
  </div>
  <div class="style3">
      <br />
      以上で、http://(お使いのサーバのIPやドメイン名)/bc/ から、BorderlessCanvasが利用可能になります。 
      BorderlessCanvasが利用可能になります。
  </div>
  <div class="style3">
    <br>
  </div>
  <div class="style3">
      machine.configを適切に設定することで、グループIDの認証パスワードの複雑さを調整できます。   </div>
  <div>
    <p class=style3 
          style="MARGIN-TOP:0px; MARGIN-RIGHT:0px; MARGIN-BOTTOM:0px; MARGIN-LEFT:0px">
        独自にサーバをインストールされた場合は、本ドキュメントの黄色蛍光色表記(<span style=BACKGROUND-COLOR:#ffff00>bc.unryu.org</span>)を、インストール先のサーバのIPやドメイン名に置き換えてご理解ください。
    </p>
    <div class="style3">
      <br>
    </div>
  </div>
  <p class=style3>
    <br>
  </p>
  <h1 id="easystarter" class="style3">
      7.&nbsp;付録：EasyStarterの操作方法
  </h1>
  <p class=style3>
      本項目は、「とにかくわかりやすく使いたい」という人向けではありません。少し専門的な操作が必要になります。
  </p>
  <p class=style3>
    <br>
  </p>
  <p class=style3>
      EasyStarterはグループ認証や役割の設定が不要です。<font size=2>これは簡便にBorderless Canvasを活用できて便利ですが、</font><b>誰からも閲覧や編集がされてしまいます</b><font size=2>。また、デフォルトでは他人に視点を強制する（発表者/Presenter）機能が全員OFFになっていますので、</font><b>手動で設定する必要があります</b><font size=2>。</font>
  </p>
  <p class=style3>
    <br>
  </p>
  <p class=style3>
      EasyStarterの利用は、<a href="#bc1min">2. 1分で体験するBorderlesCanvas</a> の動画 
      にありますように、Webサイトから「簡単に開始/Easy Starter」を選択し、パスワードのない新規のグループIDを入力し、開始します。
  </p>
  <p class=style3>
      PowerPoint資料を共有したい場合は、PowerPointファイルをドラッグアンドドロップし、メニュー項目から「配布/Distribute」を選択し、全員に配ります。
  </p>
  <p class=style3>
      この状態では、すべての参加者は視点を自由に移動でき、誰からも強制されません。
  </p>
  <p class=style3>
      もしも誰かが発表を進行する場合は、その人のコンピュータのBorderless 
      Canvasクライアントソフトウェアのメニュー項目から「設定」「SendView」を選択し、チェックされた状態にします。そうすると、その人の視点移動を他の参加者に強制できるようになります。
  </p>
  <p class=style3>
      途中で他の人に進行権を譲りたい場合は、お手数ですがこれまで進行をした人のSendViewのチェックを外し、新しい進行役のSendViewのチェックを行ってください。
  </p>
  <p class=style3>
      同時に２人以上のSendViewがチェックされていると、進行に支障をきたすので行わないでください。
  </p>
  <p class=style3>
    <br>
  </p>
  <h1 id="skydrive" class="style3">
      8. 付録：SkyDrive機能の利用<br>
  </h1>
  <p class="style3">
      Borderless Canvasには、SkyDriveで公開されているファイルを読み込む機能が用意されています。
  </p>
  <p class="style3">
      この機能を用いるには<a href="Readme_for_GettingStarted.htm">こちら</a>をご覧になり、必要な手順に従ってください。
  </p>
  <p class="style3">
    <br>
  </p>
  <p class=style3>
    <br>
  </p>
  <p class=a>
    <h1 id="excuse" class="style3">9. 免責事項</h1><br>
  </p>
  <p class="style3">
    <font size=2>
      本ソフトウェアは、開発中の評価版のため、ご自身の責任で使用してください。開発中のため、使用中に不具合が生じることがありますがご了承ください。　</font><br>
  </p>
  <p class=style3>
      なお、本ソフトウェアの使用に関連して発生した如何なる損害、および第３者からなされる損害賠償等の請求による損害（この場合の損害とはハードウェア、他のソフトウェアの破損、不具合すべてを含みます）について一切責任を負いません。
  </p>
  <p class=style3>
    <br>
  </p>
  <p class=style3>
    <br>
  </p>
  <p class=a>
  </p>
  <p class="style3">
      (C) Kazutaka Qurihara, MEET 2008-2009
  </p>
  <p class="style3">
    <br>
  </p>
  <p class="style3">
      kotodama0 &lt;at&gt; unryu.org
  </p>
  <p class="style3">
    &nbsp;
  </p>
</div>
    <div class="style3">
<br>
    </div>
</body>
</html>